<template>
    <div>
        <div class="header">
            <van-icon name="cross" style="top: 10px; left: 10px; color: white;" @click="changeUrlIndex"/>
            <p>一眼</p>
            <p class="p1">世界</p>
        </div>
        <router-view></router-view>
    </div>
</template>

<script>

    export default {
        name: "login",
        data(){
            return{
                activeName: "",
                text:"",
                password:""
            }
        },
        methods:{
            changeUrlIndex(){
                this.$router.push('/index')
                // this.$router.go(-1)
            }
        },

    }
</script>

<style lang="less" scoped>
.header{
    height: 30vh;
    background-color: #409EFF;
    border-radius: -20%;
    position: relative;
    p{
        height: 30px;
        width: 60px;
        font-size: 26px;
        font-weight: bold;
        position: absolute;
        top: 35%;
        left: 40%;
        color: white;
    }
    .p1{
        top: 45%;
        left: 50%;
    }
}
    /deep/ .van-tabs,.van-tabs--line{
        z-index: 100;
        margin-top: -10px;
        text-align: center;
    }
/deep/.van-tabs__line{
    width: 100px;
}
    /deep/.van-icon-contact::before{
        font-size: 20px;
    }
    /deep/ .van-icon-bag-o::before{
        font-size: 20px;
    }
    /deep/.van-field__left-icon{
        margin-right: 10px;
    }
  /deep/ .van-icon-cross::before{
      color: white;
  }
    /deep/ .van-tabs__nav,van-tabs__nav--line{
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
</style>